<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<title>Blog功能列表</title>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

	<!-- 引入 Bootstrap CSS -->
	<link rel="stylesheet" th:href="@{/css/bootstrap.min.css}" />

	<!-- 引入自定义 CSS -->
	<link rel="stylesheet" th:href="@{/css/custom.css}" />
</head>

<body>
<!-- 导航栏 -->
<nav class="navbar navbar-expand-lg custom-navbar mb-4">
	<div class="container-fluid">
		<a class="navbar-brand text-white" href="#">MYBLOG</a>
		<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
			<span class="navbar-toggler-icon"></span>
		</button>
		<div class="collapse navbar-collapse" id="navbarNav">
			<ul class="navbar-nav ms-auto">
				<li class="nav-item">
					<p class="nav-link active text-white"> 欢迎您 </span></p>
				</li>
				<li class="nav-item">
					<a class="nav-link text-white" th:href="@{/articletype/page?pageIndex=0}">文章类型</a>
				</li>
				<li class="nav-item">
					<a class="nav-link text-white" th:href="@{/article/findAll}">文章列表</a>
				</li>
				<li class="nav-item">
					<a class="nav-link text-white" th:href="@{/user/findAll}">用户列表</a>
				</li>
				<li class="nav-item">
					<a class="nav-link text-white" th:href="@{/logout}">退出</a>
				</li>
			</ul>
		</div>
	</div>
</nav>
<!-- 主体内容 -->
<div class="container">
	<h1 class="mb-4">博客案例功能列表</h1>

	<!-- 功能卡片 -->
	<div class="row">
		<div class="col-md-6 col-lg-4 mb-4">
			<div class="card h-100 shadow-sm">
				<div class="card-body d-flex flex-column">
					<h5 class="card-title">文章类型管理</h5>
					<p class="card-text flex-grow-1">查看和管理所有文章类型。</p>
					<a th:href="@{/articletype/page?pageIndex=0}" class="btn btn-primary mt-auto">进入</a>
				</div>
			</div>
		</div>
		<div class="col-md-6 col-lg-4 mb-4">
			<div class="card h-100 shadow-sm">
				<div class="card-body d-flex flex-column">
					<h5 class="card-title">文章管理</h5>
					<p class="card-text flex-grow-1">查看和管理所有文章。</p>
					<a th:href="@{/article/findAll}" class="btn btn-primary mt-auto">进入</a>
				</div>
			</div>
		</div>
		<div class="col-md-6 col-lg-4 mb-4">
			<div class="card h-100 shadow-sm">
				<div class="card-body d-flex flex-column">
					<h5 class="card-title">用户管理</h5>
					<p class="card-text flex-grow-1">查看和管理所有用户。</p>
					<a th:href="@{/user/findAll}" class="btn btn-primary mt-auto">进入</a>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- 引入 Bootstrap JS 和 Popper.js -->
<script th:src="@{/js/bootstrap.bundle.min.js}"></script>
</body>
</html>